<template>
  <div class="login">
    <Head />
    <main>
      <section>
        <Nav @shuju="demo"/>
        <Denglu :name="name" :pwd="pwd"/>
      </section>
    </main>
  </div>
</template>

<script>
import Head from '@/components/login/login_head.vue'
import Nav from '@/components/login/login_nav.vue'
import Denglu from '@/components/login/login_denglu.vue'
export default {
  data(){
    return{
      name:'',
      pwd:''
    }
  },
  components:{
    Head,
    Nav,
    Denglu
  },
  methods: {
    demo(shuju){
      this.name = shuju.name;
      this.pwd = shuju.pwd;
    }
  },
}
</script>

<style scoped>
  .login section{
    padding: 0 .15rem;
  }
</style>